<%--
  Created by IntelliJ IDEA.
  User: 。
  Date: 2019-11-21
  Time: 8:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        body, ul, li, a {
            padding: 0;
            margin: 0;
        }

        body {
            margin-top: 16px;
            background-color: #e6e6e6;
            color: #fff;
        }

        .menu {
            text-align: center;
            font-size: 0;
            padding: 0;
            height: 50px;
            padding-left: 5%;
            background-color: #00a2ca;
            position: relative;
        }

        .menubar {
            margin: 0 auto;
            position: absolute;
            list-style-type: none;
            width: 100%;
            overflow-y: auto;
        }

        .menubar li {
            padding: 0px 70px;
            display: inline-block;
            cursor: pointer;
            line-height: 50px;
        }

        .menubar li:hover {
            background-color: #0095bb;
        }


        .menubar a {
            display: block;
            height: 50px;
            font-family: "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "宋体";
            font-size: 20px;
            text-align: center;
            text-decoration: none;
            color: #fff;
        }

        .box {
            width: 500px;
            height: 300px;
            border: 1px solid #ccc;
            margin: 20px auto;
            padding: 5px;
            align: center;
        }

        .inner {
            width: 500px;
            height: 300px;
            position: relative;
            overflow: hidden;
        }

        .inner img {
            width: 500px;
            height: 300px;
            vertical-align: top;
        }

        ul {
            width: 1000%;
            position: absolute;
            list-style: none;
            left: 0;
            top: 0;
        }

        .inner li {
            float: left;

        }

        ol {
            position: absolute;
            height: 20px;
            right: 20px;
            bottom: 20px;
            text-align: center;
            padding: 5px;
        }

        ol li {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            background-color: #fff;
            margin: 5px;
            cursor: pointer;

        }

        ol .current {
            background-color: red;
        }

        #arr {
            display: none;
        }

        #arr span {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            background: #fff;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-family: '黑体';
            font-size: 30px;
            color: #000;
            opacity: 0.5;
            border: 1px solid #fff;
        }

        #arr #right {
            right: 5px;
            left: auto;
        }

        .log, .reg {
            background-color: #0095bb;
            font-size: 20px;
            color: white;
            border: none;
        }
    </style>
</head>
<body>
<div style="background: white">
    <p align="left" style="float: left;
    width: 180px;"><img width="100%" height="200px" src="images/图标.png"></p>
    <p align="center"><img width="80%" height="200px" src="images/Title.png"></p>
</div>
<div class="menu">
    <ul class="menubar">
        <li class="menu-value"><a href="body.jsp">首页</a></li>
        <li class=""><a href="TypeNews.jsp?type=体育">体育</a></li>
        <li class=""><a href="TypeNews.jsp?type=娱乐">娱乐</a></li>
        <li class=""><a href="TypeNews.jsp?type=股票">股票</a></li>
        <li class=""><a href="TypeNews.jsp?type=财经">财经</a></li>
        <li class=""><a href="TypeNews.jsp?type=汽车">汽车</a></li>
        <li class=""><a href="login.jsp">登录</a></li>
        <li class=""><a href="register.jsp">注册</a></li>
    </ul>
</div>
</body>
</html>